import React, { Component, useState } from "react"

// export default function SelectCity() {
//     const list = useState(['北京', '上海', '深圳', '广州'])
//     return (
//         <div>
//             城市
//             <ul>
//                 { 
//                     list.map((item, index) => {
//                         return <li key={index}>{item}</li>

//                     })
//                 }
//             </ul>
//         </div>
//     )
// }
import store from '../redux/store'


export default class SelectCity extends Component {
    constructor() {
        super()
        this.state = {
            list: (['北京', '上海', '深圳', '广州'])
        }
        this.select = this.select.bind(this)
    }
    select(params) {

        console.log(params)
        this.props.history.push('/cinemas')
        store.dispatch({
            type: 'selectCity',
            query: params
        })

    }
    render() {
        return (
            <div>
                城市 1
                <ul style={{ marginLeft: '50px' }}  >
                    {
                        this.state.list.map((item, index) => {

                            return <li key={index} onClick={() => {
                                this.select(item)
                            }}>{item}</li>
                        })
                    }
                </ul>
            </div>
        )

    }



}